
/* PHP Live! Style CSS
   ---------------------------
   
   Style name: PHP Live! Amethyst
   Created by: Tom Beddard
   Date: 11 Dec 2004
   
---------------------------------- */


/* Standard tags
---------------------------------- */
* { margin: 0; padding: 0; }
* {	/* IE only scrollbar colouring */
	scrollbar-face-color: #bfbdae;
	scrollbar-highlight-color: #bfbdae;
	scrollbar-shadow-color: #ADAB9E;
	scrollbar-3dlight-color: #DCDAD1;
	scrollbar-arrow-color: #00478C;
	scrollbar-track-color: #d7d5c4;
	scrollbar-darkshadow-color: #97958A;
	}
body {
	background: #93AC92 url(images/background.gif) top left repeat-x;
	color: #574d2f;
	}
body.chatbody {
	background: #f4f4f4 url(images/innershadow.gif) -3px -3px repeat-x;
	background-attachment: fixed;
	color: #013F7C;
	}
body.monitorbody {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	margin: 5px;
	}
body.faqbody {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	margin: 5px 0 5px 5px;
	width: 92%;
	background-image: none;
	}
	
h1 {
	font-size: 16px;
	color: #263c2a;
	}
h2 {
	font-size: 14px;
	margin: 0.3em 0;
	}
h3 {
	font-size: 11px;
	margin: 0.3em 0;
	border-bottom: 1px solid #CCCCCC;
	text-transform: uppercase;
	}

select { font-size: 10px; width: 100px; }
p { font-size: 12px; margin-bottom: 0.5em; }

hr {
	border: 0px none transparent;
	border-top: 1px dashed #604E8A;
	margin-bottom: 5px;
	padding-bottom: 5px;
	height: 1px;
	}



/* Input fields */
input, textarea {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #907E46;
	}
input, textarea, #chat {
	background: #f4f4f4 url(images/innershadow.gif) top left no-repeat;
	border: 1px solid #798F7D;
	}
.radio {
	border: none;
	background: none;
	}
#send {
	width: 55px;
	height: 42px;
	cursor: pointer;
	font-weight: bold;
	color: #168E11;
	background: #93AC92 url(images/button.gif) top left no-repeat;
	border: none !important;
	}
#send:hover {
	color: #1AAA14;
	background-position: 0 -43px;
	}
.go, .button {
	background-image: none;
	background-color: #e1dfd3;
	border: 1px solid #798F7D;
	cursor: pointer;
	color: #168E11;
	}

/* Links */
a:link, a:visited { color: #008D03; text-decoration: none; }
a:hover { text-decoration: underline; color: #009603; }
a:active { text-decoration: none; color: #5ecb60; }
a:hover img { text-decoration: none; }



/* Copyright link */
#copyright a:link, #copyright a:visited, #copyright a:active {
	text-decoration: none;	color: #263c2a;
	}
#copyright a:hover { text-decoration: none; color: #FFFFFF;  }


/* Online/offline */
td.online {
	background-color: #A0CEA1 !important;
	font-weight: bold;
	}
td.offline {
	
	}
div.online label, div.offline label {
	font-size: 14px;
	line-height: 18px;
	font-weight: bold;
	}
.online {
	color: #1DAF20;
	}
.offline {
	color: #666666;
	}


/* Conversation window attributes */
#conversation p {
	font-size: 90% !important;
	margin-bottom: 0.7em;
	line-height: 135%;
	}
#conversation img {
	border: none;
	display: block;
	clear: both;
	margin: 5px 0;
	}
p.notice {
	border-top: 1px dashed #666666;
	border-bottom: 1px dashed #666666;
	color: #666666;
	padding: 8px 0;
	margin: 0.5em 0;
	font-style: italic;
	}
p.client {
	font-weight: normal;
	color: #907E46;
	}
p.client span {
	font-weight: bold;
	color: #70570C;
	}
p.operator {
	font-weight: normal;
	color: #009400;
	}
p.operator span {
	font-weight: bold;
	color: #007A00;
	}
p.alert {
	font-weight: bold;
	color: #CC298C;
	border-top: 1px dashed #EE003C;
	border-bottom: 1px dashed #EE003C;
	padding: 8px 0;
	margin: 0.5em 0;
	}


/* Conversation links */
#conversation a:link, #conversation a:visited, #conversation a:active {
	text-decoration: none;
	color: #00B404;
	border-bottom: 1px solid #00B404;
	}
#conversation a:visited { color: #5E8C5C; border-bottom-style: dotted; border-bottom-color: #5E8C5C; }
#conversation a:active  { color: #0099FF; }
#conversation a:hover   { background-color: #D0F6D2; text-decoration: none; color: #009F04; }



/* Buttons
---------------------------------- */
#options {
	background-color: #798F7D;
	/*border-top: 1px solid #6195C7;*/
	}
#sound_print {
	background-color: #798F7D;
	/*border-top: 1px solid #6195C7;*/
	}
#options a:link, #options a:active, #options a:visited {
	color: #263c2a;
	}
#options a:hover {
	color: #FFFFFF;
	}
a.print, a.font, a.soundOn, a.soundOff {
	padding: 1px 0 1px 20px;
	line-height: 15px;
	background-repeat: no-repeat;
	background-position: 0 0;
	}
a.soundOff { background-position: 0 -16px; }
a.print { background-image: url("images/icon_print.gif"); }
a.font  { background-image: url("images/icon_font.gif"); }
a.soundOn, a.soundOff { background-image: url("images/icon_sound.gif"); }




/* FAQ Styles
---------------------------------- */
p.question {
	font-weight: bold;
	font-size: 13px;
	color: #263c2a;
	}
p.answer { 
	font-style: italic;
	margin: 0;
	color: #263c2a;
	}
p.rate {
	font-size: 11px;
	margin-top: 10px;
	color: #777777;
	}
p.rate label {
	padding: 0 10px;
	vertical-align: middle;
	}
div.cookie {
	padding: 5px 3px;
	margin-top: 10px;
	margin-bottom: 4px;
	background-color: #e3e1cf;
	border-bottom: 1px dashed #604E8A;
	}
div.faq ul {
	margin-left: 15px;
	}
div.faq li {
	list-style-type: none;
	}
div.faq li.headcat {
	list-style-type: square;
	font-weight: bold;
	/*color: #7522AF;*/
	}



/* Tabs
---------------------------------- */
#tabs a { background:url("images/tabs_left.gif") no-repeat 0% 0px; }
#tabs a span { 
	background: url("images/tabs_right.gif") no-repeat 100% 0px;
	color: #263c2a;
	}
#tabs a:hover span { color: #604E8A; }
#tabs li.activetab a { border-bottom: 1px solid #cccaba; }
#tabs li.activetab a span {	color: #168E11; }
#tabs ii.activetab a:hover span { color: #168E11;}



/* Operator styles
---------------------------------- */
body.operatorbody {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	background-color: #cccaba;
	color: #263c2a;
	background-image: none;
	margin: 5px;
	}
* html body.operatorbody { width: 92%; } /* IE tweak */
#operator {
	background-color: #798F7D;
	color: #263c2a;
	}
#operatorpanel {
	background-color: #cccaba;
	border: 1px solid #604E8A;
	}
div.logo {
	border-bottom: 2px solid #574d2f;
	margin-bottom: 4px;
	}




/* Tables
---------------------------------- */
table {
	width: 100%;
	margin-bottom: 10px;
	}
table thead th {
	text-align: left;
	padding-bottom: 3px;
	border-bottom: 1px solid #574d2f;
	font-size: 11px;
	}
table tbody th {
	text-align: right;
	padding: 3px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 10px;
	background-color: #FFFFFF;
	color: #333333;
	}
table tbody.subhead th {
	text-align: left;
	background-color: #FFFFFF;
	color: #333333;
	}
table tbody td {
	padding: 3px;
	font-size: 11px;
	background-color: #e3e1cf;
	color: #666666;
	}
tr.row1 td { background-color: #e7e5d2; }
tr.row2 td { background-color: #fbf9e4; }
